
<html>

<wicket:extend>

  <div class="container">
    <div class="span-4">
    <ul>
      <li style="list-style-type:none;"><a href="#" name="nav00la"><h3 class="tight">Home</h3></a>
      <ul name="nav00a" >
        <li style="list-style-type:none;">Login</li>
        <li style="list-style-type:none;">Date</li>
        <li style="list-style-type:none;">Weather</li>
        <li style="list-style-type:none;">Services</li>
        <li style="list-style-type:none;">Cooling</li>
        <li style="list-style-type:none;">Energy</li>
        <li style="list-style-type:none;">Aquaponics</li>
        <li style="list-style-type:none;">Lighting</li>
        <li style="list-style-type:none;">Water Heating</li>
      </ul>
      </li>
      <li style="list-style-type:none;"><a href="#" name="nav01la"><h3 class="tight">Energy</h3></a>
      <ul name="nav01a" >
        <li style="list-style-type:none;">Consumption</li>
        <li style="list-style-type:none;">Generation</li>
      </ul>
      </li>
      <li style="list-style-type:none;"><a href="#" name="nav02la"><h3 class="tight">Lighting</h3></a>
      <ul name="nav02a" >
        <li style="list-style-type:none;">Room Selection</li>
        <li style="list-style-type:none;">Saved Presets</li>
        <li style="list-style-type:none;">Light ON/OFF</li>
        <li style="list-style-type:none;">Light Brightness</li>
        <li style="list-style-type:none;">Light Color</li>
      </ul>
      </li>
      <li style="list-style-type:none;"><a href="#" name="nav03la"><h3 class="tight">Cooling</h3></a>
      <ul name="nav03a" >
        <li style="list-style-type:none;">Temperature</li>
        <li style="list-style-type:none;">A/C ON/OFF</li>
      </ul>
      </li>
      <li style="list-style-type:none;"><a href="#" name="nav04la"><h3 class="tight">WaterHeating</h3></a>
      <ul name="nav04a" >
        <li style="list-style-type:none;">Usage Chart</li>
        <li style="list-style-type:none;">Savings Calculator</li>
        <li style="list-style-type:none;">Schedule</li>
      </ul>
      </li>
      <li style="list-style-type:none;"><a href="#" name="nav05la"><h3 class="tight">Aquaponics</h3></a>
      <ul name="nav05a" >
        <li style="list-style-type:none;">pH Level</li>
        <li style="list-style-type:none;">Temperature</li>
      </ul>
      </li>
      <li style="list-style-type:none;"><a href="#" name="nav06la"><h3 class="tight">Media</h3></a>
      <ul name="nav06a" >
        <li style="list-style-type:none;">Home Speaker System</li>
        <li style="list-style-type:none;">Television</li>
      </ul>
      </li>
      <li style="list-style-type:none;"><a href="#" name="nav07la"><h3 class="tight">Voice</h3></a>
      <ul name="nav07a" >
        <li style="list-style-type:none;">Control</li>
        <li style="list-style-type:none;">Control Syntax</li>
        <li style="list-style-type:none;">Recordings</li>
      </ul>
      </li>
      <li style="list-style-type:none;"><a href="#" name="nav08la"><h3 class="tight">Security</h3></a>
      <ul name="nav08a" >
        <li style="list-style-type:none;">Room Selection</li>
        <li style="list-style-type:none;">Presets</li>
        <li style="list-style-type:none;">Security ON/OFF</li>
        <li style="list-style-type:none;">Alerts</li>
      </ul>
      </li>
      <li style="list-style-type:none;"><a href="#" name="nav09la"><h3 class="tight">Administer</h3></a>
      <ul name="nav09a" >
        <li style="list-style-type:none;">Local Login</li>
        <li style="list-style-type:none;">Remote Login</li>
        <li style="list-style-type:none;">Services</li>
        <li style="list-style-type:none;">Non-Admin Permissions</li>
        <li style="list-style-type:none;">Reset to Factory Settings</li>
      </ul>
      </li>
    </ul>
    </div>
  
    <div class="span-20 last">
    <ul>
      <li style="list-style-type:none;"><a href="#" name="nav00lb"><h2>Home</h2></a></li>
      <span name="nav00b" > HOME CONTENT</span>
      <li style="list-style-type:none;"><a href="#" name="nav01lb"><h2>Energy</h2></a></li>
      <span name="nav01b" > ENERGY CONTENT</span>
      <li style="list-style-type:none;"><a href="#" name="nav02lb"><h2>Lighting</h2></a></li>
      <span name="nav02b" > LIGHTING CONTENT</span>
      <li style="list-style-type:none;"><a href="#" name="nav03lb"><h2>Cooling</h2></a></li>
      <span name="nav03b" > COOLING CONTENT</span>
      <li style="list-style-type:none;"><a href="#" name="nav04lb"><h2>WaterHeating</h2></a></li>
      <span name="nav04b" > WATER-HEATER CONTENT</span>
      <li style="list-style-type:none;"><a href="#" name="nav05lb"><h2>Aquaponics</h2></a></li>
      <span name="nav05b" > AQUAPONICS CONTENT</span>
      <li style="list-style-type:none;"><a href="#" name="nav06lb"><h2>Media</h2></a></li>
      <span name="nav06b" > MEDIA CONTETN</span>
      <li style="list-style-type:none;"><a href="#" name="nav07lb"><h2>Voice</h2></a></li>
      <span name="nav07b" > VOICE CONTENT</span>
      <li style="list-style-type:none;"><a href="#" name="nav08lb"><h2>Security</h2></a></li>
      <span name="nav08b" > SECURITY CONTENT</span>
      <li style="list-style-type:none;"><a href="#" name="nav09lb"><h2>Admin</h2></a></li>
      <span name="nav09b" > ADMIN CONTENT</span>
    </ul>
  
    </div>
  </div>
</wicket:extend>

</html>

